.menu {
  margin: 0 var(--ycy-gap-base);
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);

  &.el-segmented {
    :deep(.el-segmented__item) {
      user-select: none;
      font-size: var(--el-font-size-base);
      padding: 4px 8px;
      margin-right: 8px;

      &:last-child {
        margin-right: 0;
      }
    }

    :deep(.el-segmented__item-label) {
      overflow: unset;
    }

    // :deep(.el-segmented__item-selected) {
    //   box-shadow: var(--ycy-box-shadow-primary);
    // }
  }
}

.search {
  display: flex;
  margin: 0 var(--ycy-gap-base);
  margin-top: var(--ycy-gap-base);
  padding: var(--ycy-gap-base);
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);

  .el-button {
    margin-left: var(--ycy-gap-small);
  }
}

.list {
  flex: 1; // 父容器FoldCard的默认插槽中设置了display: flex
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin-top: var(--ycy-gap-base);

  &-main {
    flex: 1;
    overflow: auto;
    margin-bottom: var(--ycy-gap-base);

    &-item {
      margin: 0 var(--ycy-gap-base);
      padding: var(--ycy-gap-base);
      background-color: var(--el-fill-color-blank);
      border-radius: var(--el-border-radius-base);
      margin-bottom: var(--ycy-gap-base);
      transition: var(--ycy-transition-base);
      border: 1px solid var(--el-fill-color-blank);

      &:last-child {
        margin-bottom: 0;
      }

      &.active,
      &:hover {
        border: 1px solid var(--el-color-primary);
        box-shadow: var(--ycy-box-shadow-base);
      }
    }
  }

  &-pagination {
    margin: 0 var(--ycy-gap-base);
  }
}